<extend name="Public/base"/>

<block name="body">
	<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
	<div class="main-title cf">
		<h2>新增 [{$model['title']}]</h2>
	</div>
	<!-- 标签页导航 -->
	<div class="tab-wrap">

		<div class="tab-content">
			<!-- 表单 -->
			<php> $post_url || $post_url = U('add?model='.$model['id']);</php>
			<form id="form" action="{$post_url}" method="post" class="form-horizontal">

				<volist name="fields" id="field">
					<if condition="$field['is_show'] == 4">
						<input type="hidden" class="text input-large" name="{$field.name}"
						       value="{:I($field[name], $field[value])}">
					</if>
					<if condition="$field['is_show'] == 1 || $field['is_show'] == 2 || ($field['is_show'] == 5 && I($field['name']))">
						<div class="form-item cf toggle-{$field.name}">
							<label class="item-label">
								<notempty name="field.is_must"><span class="need_flag">*</span></notempty>
								{$field['title']} <span class="check-tips">
                <notempty name="field['remark']">（{$field['remark']}）</notempty>
                </span></label>

							<div class="controls">
								<switch name="field.type">
									<case value="num">
										<input type="number" class="text input-large" name="{$field.name}"
										       value="{:I($field[name], $field[value])}">
									</case>
									<case value="string">
										<input type="text" class="text input-large" name="{$field.name}"
										       value="{:I($field[name], $field[value])}">
									</case>
									<case value="textarea">
										<label class="textarea input-large">
											<textarea name="{$field.name}">{:I($field[name], $field[value])}</textarea>
										</label>
									</case>
									<case value="datetime">
										<input type="datetime" name="{$field.name}" class="text input-large time"
										       value="{:I($field[name], $field[value])}" placeholder="请选择时间"/>
									</case>
									<case value="date">
										<input type="datetime" name="{$field.name}" class="text input-large date"
										       value="{:I($field[name], $field[value])}" placeholder="请选择日期"/>
									</case>
									<case value="bool">
										<select name="{$field.name}">
											<volist name=":parse_field_attr($field['extra'])" id="vo">
												<option value="{$key}" class="toggle-data"
												        toggle-data="{$vo|get_hide_attr}"

												<eq name="field.value" value="$key">selected</eq>
												>{$vo|clean_hide_attr}

												</option>
											</volist>
										</select>
									</case>
									<case value="select">
										<select name="{$field.name}">
											<volist name=":parse_field_attr($field['extra'])" id="vo">
												<option value="{$key}" class="toggle-data"
												        toggle-data="{$vo|get_hide_attr}"
												<eq name="field.value" value="$key">selected</eq>
												>{$vo|clean_hide_attr}
												</option>
											</volist>
										</select>
									</case>
									<case value="cascade">
										<div id="cascade_{$field.name}"></div>
										{:hook('cascade',
										array('name'=>$field['name'],'value'=>$field['value'],'extra'=>$field['extra']))}
									</case>
									<case value="dynamic_select">
										<div id="dynamic_select_{$field.name}"></div>
										{:hook('dynamic_select',
										array('name'=>$field['name'],'value'=>$data[$field['name']],'extra'=>$field['extra']))}
									</case>
									<case value="radio">
										<volist name=":parse_field_attr($field['extra'])" id="vo">
											<div class="check-item">
												<!--[if !IE]><!-->
												<input type="radio" class="regular-radio toggle-data" value="{$key}"
												       id="{$field.name}_{$key}" name="{$field.name}"
												       toggle-data="{$vo|get_hide_attr}"

												<eq name="field.value" value="$key">checked</eq>
												/>
												<label for="{$field.name}_{$key}"></label>
												{$vo|clean_hide_attr}
												<!--<![endif]-->
												<!--[if IE]>
												<input type="radio" value="{$key}"
												       id="{$field.name}_{$key}" name="{$field.name}"
												       class="toggle-data" toggle-data="{$vo|get_hide_attr}"
												<eq name="field.value" value="$key">checked="checked"</eq> />
												<label for="{$field.name}_{$key}"></label>{$vo|clean_hide_attr}
												<![endif]-->
											</div>
										</volist>
									</case>
									<case value="checkbox">
										<volist name=":parse_field_attr($field['extra'])" id="vo">
											<div class="check-item"><input type="checkbox"
											                               class="regular-checkbox toggle-data"
											                               value="{$key}" id="{$field.name}_{$key}"
											                               name="{$field.name}[]"
											                               toggle-data="{$vo|get_hide_attr}"

												<in name="key" value="$field['value']">checked="checked"</in>
												>
												<label for="{$field.name}_{$key}"></label>
												{$vo|clean_hide_attr}
											</div>
										</volist>
									</case>
									<case value="editor">
										<label class="textarea">
											<textarea name="{$field.name}"
											          style="width:405px; height:200px;"></textarea>
											{:hook('adminArticleEdit',
											array('name'=>$field['name'],'value'=>$field['value']))} </label>
									</case>
									<case value="picture">
										<div class="controls uploadrow2" title="点击修改图片" rel="{$field.name}">
											<input type="file" id="upload_picture_{$field.name}">
											<input type="hidden" name="{$field.name}" id="cover_id_{$field.name}"/>

											<div class="upload-img-box">
												<notempty name="data[$field['name']]">

													<div class="upload-pre-item2"><img width="100" height="100"
													                                   src="{$data[$field['name']]|get_cover_url}"/>
													</div>
													<em class="edit_img_icon">&nbsp;</em>
												</notempty>

											</div>
										</div>
									</case>
									<case value="mult_picture">
										<div class="controls uploadrow2 mult" title="点击上传图片" rel="{$field.name}">
											<input type="file" id="upload_picture_{$field.name}">
										</div>
										<div class="upload-img-view" id='mutl_picture_{$field.name}'>
											<notempty name="data[$field['name']]">
												<div class="upload-pre-item22">
													<img width="100" height="100"
													     src="{$data[$field['name']]|get_cover_url}"/>
													<input type="hidden" name="{$field.name}[]"
													       value="{$data[$field['name']]}"/></div>
											</notempty>
										</div>
									</case>
									<case value="file">
										<div class="controls upload_file">
											<input type="file" id="upload_file_{$field.name}" title="点击修改文件">
											<input type="hidden" name="{$field.name}" value="{$data[$field['name']]}"/>

											<div class="upload-img-box">
												<present name="data[$field['name']]">
													<div class="upload-pre-file"><span class="upload_icon_all"></span>{$data[$field['name']]}
													</div>
												</present>
											</div>
										</div>
									</case>
									<default/>
									<input type="text" class="text input-large" name="{$field.name}"
									       value="{:I($field[name], $field[value])}">
								</switch>
							</div>
						</div>
					</if>
				</volist>

				<div class="form-item cf">
					<button class="btn submit-btn ajax-post hidden" id="submit" type="submit"
					        target-form="form-horizontal">确 定
					</button>
					<a class="btn btn-return" href="javascript:;">返 回</a>
				</div>
			</form>
		</div>
	</div>
</block>

<block name="script">
	<link href="__STATIC__/datetimepicker/css/datetimepicker.css?v={:SITE_VERSION}" rel="stylesheet" type="text/css">
	<php>if(C('COLOR_STYLE')=='blue_color') echo '
		<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css?v={:SITE_VERSION}" rel="stylesheet"
		      type="text/css">
		';
	</php>
	<link href="__STATIC__/datetimepicker/css/dropdown.css?v={:SITE_VERSION}" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript"
	        src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js?v={:SITE_VERSION}"
	        charset="UTF-8"></script>
	<script type="text/javascript">
		$('#submit').click(function () {
			$('#form').submit();
		});

		$(function () {
			//初始化上传图片插件
			initUploadImg();
			initUploadFile();
			$('.time').datetimepicker({
				format: 'yyyy-mm-dd hh:ii',
				language: "zh-CN",
				minView: 0,
				autoclose: true
			});
			$('.date').datetimepicker({
				format: 'yyyy-mm-dd',
				language: "zh-CN",
				minView: 2,
				autoclose: true
			});
			showTab();

			$('.toggle-data').each(function () {
				var data = $(this).attr('toggle-data');
				if (data == '') return true;

				if ($(this).is(":selected") || $(this).is(":checked")) {
					change_event(this)
				}
			});

			$('select').change(function () {
				$('.toggle-data').each(function () {
					var data = $(this).attr('toggle-data');
					if (data == '') return true;

					if ($(this).is(":selected") || $(this).is(":checked")) {
						change_event(this)
					}
				});
			});
		});
	</script>
</block>
